const path = require("path");
module.exports = {
  // publicPath: process.env.NODE_ENV === "production" ? "./" : "/",
  // assetsDir: "./",
  publicPath: "/",
  //是否在开发环境下通过 eslint-loader 在每次保存时 lint 代码
  lintOnSave: false,
  //运行服务配置 host、port 和 https
  devServer: {
    port: "9999",
    open: true, //配置自动启动浏览器
  },
  chainWebpack: (config) => {
    const svgRule = config.module.rule("svg");
    // 清除已有的所有 loader,否则接下来的 loader 会附加在该规则现有的 loader 之后。
    svgRule.uses.clear();
    svgRule
      .test(/\.svg$/)
      .include.add(path.resolve(__dirname, "./src/icons/svg")) // 配置icons的目录
      .end()
      .use("svg-sprite-loader")
      .loader("svg-sprite-loader")
      .options({
        symbolId: "icon-[name]",
      });
    const fileRule = config.module.rule("file");
    fileRule.uses.clear();
    fileRule
      .test(/\.svg$/)
      .exclude.add(path.resolve(__dirname, "./src/icons/svg")) // 配置icons的目录
      .end()
      .use("file-loader")
      .loader("file-loader");
  },
};
